<!--本组件为商城主页根页面-->
<template>
    <div class="home">
        <el-scrollbar>
            <el-row id="tac">
                <el-col :span="4">
                    <div id="leftTac">
                        <LeftTacComponents></LeftTacComponents>
                    </div>
                </el-col>
                <el-col :span="16">
                    <div id="midTac">
                        <MidTacComponents></MidTacComponents>
                    </div>
                </el-col>
                <el-col :span="4">
                    <div id="rightTac">
                        <RightTacComponents></RightTacComponents>
                    </div>
                </el-col>
            </el-row>
        </el-scrollbar>
    </div>
</template>

<script lang="ts" setup>
import LeftTacComponents from "@/pages/home/left/LeftTacComponent.vue";
import MidTacComponents from "@/pages/home/mid/MidTacComponent.vue";
import RightTacComponents from "@/pages/home/right/RightTacComponent.vue";

const login = () => {

};
</script>

<style lang="scss" scoped>
#tac {
    height: 100vh;
}
</style>
